<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>e-Dossier</title>
<meta name="description" content="">
<meta name="author" content="">
<link href="../css/credoc-bootstrap.min.css" rel="stylesheet">

<!-- Temporary link... before merging into credoc-bootstrap.min.css -->
<link href="../css/credoc.css" rel="stylesheet">

</head>

<body style="padding-top: 42px;">

	<div class="navbar navbar-fixed-top">

		<!-- BLACK GRADIENT HEADER -->
		<div class="top-nav">
			<!-- cf. portal impl -->
			<a href="index.html"><img src="../img/logo.png" height="34"
				width="85"></a>
		</div>
		<!-- end top-nav -->

		<!-- BREADCRUMB -->
		<header>
			<ul class="breadcrumb" id="breadcrumb">
				<li><a href="">Dashboard</a></li>
			</ul>
		</header>

	</div>
	<!-- end navbar navbar-fixed-top -->

	<br>
	<br>
	<br>
	<br>

	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span2">
				<button class="btn btn-primary">New</button>
			</div>
			<div class="span5">
				<div class="widget">
					<div class="thumb">
						<div class="thumb-header">
							<strong>Latest eDossiers</strong>
						</div>
						<div class="thumb-body">
							<div class="media">
								<a class="pull-left" href="#"> <img class="media-object"
									src="../img/icon_edossier.png">
								</a>
								<div class="media-body">
									<h6 class="media-heading">Openbare verkoop, John Doe & Marie Dupont</h6>
									<div class="pull-left"><i class="icon-user"></i> <small>John Doe</small></div>
									<div class="pull-right"><i class="icon-calendar"></i> <small>02/05/2013</small></div>
								</div>
							</div>
							
							<div class="media">
								<a class="pull-left" href="#"> <img class="media-object"
									src="../img/icon_edossier.png">
								</a>
								<div class="media-body">
									<h6 class="media-heading">Aenean malesuada libero eget ante consectetur at lobortis velit mollis. Aenean posuere aliquet erat ut consequat.</h6>
									<div class="pull-left"><i class="icon-user"></i> <small>Nicorette</small></div>
									<div class="pull-right"><i class="icon-calendar"></i> <small>02/02/2011</small></div>
								</div>
							</div>
							
							<div class="media">
								<a class="pull-left" href="#"> <img class="media-object"
									src="../img/icon_edossier.png">
								</a>
								<div class="media-body">
									<h6 class="media-heading">Donec at erat diam. Ut nec dui eu eros laoreet tincidunt. Nulla varius odio sed justo faucibus fringilla.</h6>
									<div class="pull-left"><i class="icon-user"></i> <small>Coca Cola</small></div>
									<div class="pull-right"><i class="icon-calendar"></i> <small>30/02/2013</small></div>
								</div>
							</div>
							
							<div class="media">
								<a class="pull-left" href="#"> <img class="media-object"
									src="../img/icon_edossier.png">
								</a>
								<div class="media-body">
									<h6 class="media-heading">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</h6>
									<div class="pull-left"><i class="icon-user"></i> <small>Marie Dupont</small></div>
									<div class="pull-right"><i class="icon-calendar"></i> <small>02/05/2011</small></div>
								</div>
							</div>
							
						</div>
						<div class="thumb-footer">
							<a href="">Show all</a>

						</div>
					</div>
				</div>
			</div>
			<div class="span5"></div>
		</div>
	</div>

	<footer>
		<div class="footer">
			<div class="container narrow row-fluid"></div>
		</div>
	</footer>

	<!-- LIBRARY -->
	<script src="../js/credoc-scripts.min.js"></script>
	<script src="../js/bootstrap-affix.js"></script>

	<script type="text/javascript">
		$('body').tooltip({
			selector : '[rel=tooltip]'
		});
	</script>
</body>
</html>